<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {% load static %}
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>查询结果</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link rel='shortcut icon' href="{% static 'image/home/tubiao.ico'%}">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    {% load static %}
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet">

    <link rel="stylesheet" href="{% static 'css/home/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/home/normalize.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/home/font-awesome.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/home/animate.css' %}">
    <link rel="stylesheet" href="{% static 'css/home/templatemo_misc.css' %}">
    <link rel="stylesheet" href="{% static 'css/home/templatemo_style.css' %}">

    <script src="{% static 'js/home/vendor/modernizr-2.6.2.min.js' %}" type="text/javascript"></script>
</head>
{% load static %}
<body>
    {% load static %}
  <div id="front">
    <div class="site-header">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-6 col-xs-6">
                    <div id="templatemo_logo" style="background-size: 100px 100px ;background-image: url({% static 'image/home/Fatinn.gif' %});">
                        <h1><a href="#" title="HTML5 Template">Fatinn</a></h1>
                    </div> <!-- /.logo -->
                </div> <!-- /.col-md-4 -->
                <div class="col-md-8 col-sm-6 col-xs-6">
                    <a href="#" class="toggle-menu"><i class="fa fa-bars"></i></a>
                    <div class="main-menu">
                        <ul>
                            <li><a href="#front">Home</a></li>
                            <li><a href="#services">Services</a></li>
                            <li><a href="#contact">Contact</a></li>
                        </ul>
                    </div> <!-- /.main-menu -->
                </div> <!-- /.col-md-8 -->
            </div> <!-- /.row -->
            <div class="row">
                <div class="col-md-12">
                    <div class="responsive">
                        <div class="main-menu">
                            <ul>
                                <li><a href="#front">Home</a></li>
                                <li><a href="#services">Services</a></li>
                                <li><a href="#contact">Contact</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- /.container -->
    </div> <!-- /.site-header -->
</div> <!-- /#front -->
<!-- 
    <table class="table" style="width: 20%; height: auto;" align="center">
        <tbody align="center" >
    {% for c in course %}
    
    <tr>
        <td  class="bg-info" width="100" >{{c}} </td>
    </tr>

    {% endfor %}
</tbody>
</table> -->
<br>
<br>
<br>
<br>
<br>
<br>
<div class="container">
    <div class="row row-cols-3">
        {% for c in course %}
        <div class="col-4" style="font-size: 19px;color:darkred">{{c}}</div>
        {% endfor %}
    </div>
</div>
</body>
</html>